import { Image } from 'expo-image';
import React, { forwardRef } from 'react';
import { Text } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';

interface IProps {
  description: string;
}

const BaseEmpty = React.memo(forwardRef((props: IProps, ref) => {
  const { description } =  props

  // useImperativeHandle(ref, () => {
  //   return {};
  // });

  return <SafeAreaView>
    <Image source={{ uri: 'https://reactnative.dev/img/tiny_logo.png' }}/>
    <Text>{description}</Text>
  </SafeAreaView>;
}))

export default BaseEmpty;